.loadingBox{
	display: none;
	width: 25px;
	height: 25px;
	margin: 0;padding: 0;
	position: absolute;
	right: -35px;
	top: 6px;
} 
@keyframes move{
  0%{transform: scale(1);}
  50%{transform: scale(0.5);}
  100%{transform: scale(0);}
}
.circleloadingBox{
    width: 25px;height: 25px;position: absolute;
}
.circleloadingBox:nth-of-type(2){
  	transform: rotate(45deg);
}
.circleloadingBox p{
	border-radius: 50%;
	margin: 0;padding: 0;
	background-color: #707070;
	width: 6px;height: 6px;position: absolute;
	animation: move 0.8s infinite linear;
} 
.circleloadingBox p:nth-of-type(1){left: 0;top: 0;} 
.circleloadingBox p:nth-of-type(2){right: 0;top: 0;}  
.circleloadingBox p:nth-of-type(3){right: 0;bottom: 0;} 
.circleloadingBox p:nth-of-type(4){left: 0;bottom: 0;} 
.circleloadingBox:nth-of-type(1) p:nth-of-type(1){animation-delay: -0.1s}
.circleloadingBox:nth-of-type(2) p:nth-of-type(1){animation-delay: -0.2s}
.circleloadingBox:nth-of-type(1) p:nth-of-type(2){animation-delay: -0.3s}
.circleloadingBox:nth-of-type(2) p:nth-of-type(2){animation-delay: -0.4s}
.circleloadingBox:nth-of-type(1) p:nth-of-type(3){animation-delay: -0.5s}
.circleloadingBox:nth-of-type(2) p:nth-of-type(3){animation-delay: -0.6s}
.circleloadingBox:nth-of-type(1) p:nth-of-type(4){animation-delay: -0.7s}
.circleloadingBox:nth-of-type(2) p:nth-of-type(4){animation-delay: -0.8s} 

.icon-name{
	width: 18px;
    height: 18px;
    background: url(../images/name.png) no-repeat;
}
.icon-password{
	width: 18px;
    height: 18px;
    background: url(../images/password.png) no-repeat;
}